<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/cart.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <div class="header-l">
                你好，欢迎来到安踏官方商城！
                <p>
                    <a href="./login.html">登录</a>|
                    <a href="./register.html">注册</a>
                </p>
            </div>
            <div class="header-r">
                <ul>
                    <li><a href="js:"><i class='icon icon-star'></i>收藏安踏</a></li>|
                    <li><a href="js:">品牌官网</a></li>|
                    <li><a href="js:"><i class='icon icon-shop'></i>手机商城</a></li>|
                    <li><a href="js:">企业团购</a></li>|
                </ul>
            </div>
        </div>
    </div>
    <div class="header-simple">
        <div class="main"><a href="./index.html"><img src="http://image03.anta.cn/images/2015/cn_logo.png"></a></div>
    </div>
    <div class="cartBox">
        <div class="cartBox-container">
            <div class="cartBox-title">
                <span>我的购物车</span>
                <img src="http://image03.anta.cn/images/2017/coupons/coupons-btn-pc.png" alt="领取优惠券">
            </div>
            <table class="cartBox-List">
                <thead>
                    <tr>
                        <td width='50'><input type="checkbox"></td>
                        <td width='80'>商品编号</td>
                        <td width="120">商品图片</td>
                        <td style="text-align: left">商品信息</td>
                        <td width="150">单价</td>
                        <td width="200">商品数量</td>
                        <td width="80">删除商品</td>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td><input type="checkbox"></td>
                        <td>91915506</td>
                        <td class="goodsImg"><img src="http://image03.anta.cn/sources/goods/11928852R/11928852R_1_01.jpg"></td>
                        <td class="goodsDesc" style="text-align: left">男鞋跑步鞋2019春季新款SEEED全掌气垫时光NASA休闲鞋运动鞋-91915506</td>
                        <td>￥<span>399.00</span></td>
                        <td>
                            <div class="goodsAccount">
                                <a>-</a>
                                <input type="text" value='1'>
                                <a>+</a>
                            </div>
                        </td>
                        <td>删除</td>
                    </tr> -->
                </tbody>
            </table>
            <div class="cart_toolbar">
                <div class="cart_toolbar-l">
                    <a class="deleteSel">删除选中的商品</a>
                    <a class="deleteAll">清空购物车</a>
                </div>
                <div class="cart_toolbar-r">
                    <p>应付金额</p>
                    <span>748.00</span><i>￥</i>
                </div>
                <div class="cart_total">
                    <a class="continue">继续购物</a>
                    <a class="submit">提交订单</a>
                </div>
            </div>   
        </div>
    </div>

    <div class="footer">
			<ul>
				<li>
					<ul>
						<li class="title"><a href="js:">用户指南</a></li>
						<li><a href="js:">新用户注册</a></li>
						<li><a href="js:">购物流程</a></li>
						<li><a href="js:">尺码对照表</a></li>
						<li><a href="js:">支付方式</a></li>
						<li><a href="js:">包装形式</a></li>
						<li><a href="js:">配送方式</a></li>
						<li><a href="js:">配送费用</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">会员政策</a></li>
						<li><a href="js:">积分政策</a></li>
						<li><a href="js:">会员政策</a></li>
						<li><a href="js:">用户协议</a></li>
						<li><a href="js:">发票制度</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">售后服务</a></li>
						<li><a href="js:">订单查询</a></li>
						<li><a href="js:">快递查询</a></li>
						<li><a href="js:">退换货政策</a></li>
						<li><a href="js:">退换货流程</a></li>
						<li><a href="js:">退款方式</a></li>
					</ul>
				</li>
				<li>
					<ul>
						<li class="title"><a href="js:">联系我们</a></li>
						<li><a href="js:">企业团购</a></li>
						<li><a href="js:">商务合作</a></li>
					</ul>
				</li>
			</ul>
			<div class="connect">
				<h4>在线咨询</h4>
				<p></p>
				<a>
					<i></i>
					<span>在线客服</span>
				</a>
				<h4>微信咨询</h4>
				<li></li>
			</div>
			<div class='bottom'>
				<div class="list1">
					<span class="copyright">COPYRIGHT 2012-2019</span>
					<span class="company-name">厦门安踏电子商务有限公司</span>
					<a href="javascript:;" class="police-img"><img src="http://image03.anta.cn/sources/NewEdition/2015newimages/police_black.jpg" class="loading"></a>
					<span class="company-icp">闽ICP备11020421号</span>
				</div>
				<div class="list2">
					<a href="js:">营业执照</a>
					<a href="js:">开户许可证</a>
					<a href="js:">网站地图</a>
					<a href="js:">标签</a>
					<a href="js:">友情链接</a>
				</div>
			</div>
	</div>

    <script src="./js/common.js"></script>
    <script src="./js/cart.js"></script>
</body>
</html>